<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragrma","no-cache");
response.setDateHeader("Expires",0);
%>
<title>详情查看</title>
<style type="text/css">

</style>
<script type="text/javascript" src="./js/head.js"></script>
</head>
<body>
	<div id="viewTopic" style="width: 100%;height: 100%;" oncontextmenu="return false">
		<div class="header">
			<h3>详情查看</h3>
			<img src='img/logo.png'>
		</div>
		
		<div class="border m10" style='padding: 10px 20px;'>
			<div class="hand lan div_bottom">
				<i class="el-icon-caret-bottom"></i>详情
			</div>
			<div class='flex wBetween'>
				<h1></h1>
				<h1>{{topicData.ltitle}}</h1>
				<h1 class="div_bottom"></h1>
			</div>
			<div class='flex wBetween mt10'>
				<div><span>发布人: {{topicData.user.userName}}</span></div>
				<div><span><a href="#" @click="open">所属主贴: {{topicData.topic.tname}}</a></span></div>
				<div><span>发布时间: {{topicData.l_create_time}}</span></div>
			</div>
			<div class="mt20" id="content"></div><!-- {{topicData.tcontent}} -->
			<div class="mr20 flex wEnd " @click="addZan()">
				<span class="lan hand">点赞: <i class="el-icon-star-off"></i> </span>
			</div>
			<div class="mr20 flex wEnd ">
				<span class="lan">{{topicData.zan}}</span>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="./js/viewLetter.js"></script>
</html>